@import '../../../assets/scss/variables';
@import '../../../assets/scss/mixins';

.series-post {
  margin: 20px (-$layout-mobile-padding);
  background-color: $color-gray-bg;

  &-content {
    padding: 15px $layout-mobile-padding;
  }

  img {
    margin: 0 auto;
    border-radius: 3px;
  }

  h3 {
    margin: 10px 0 5px 0;
  }

  p {
    margin: 0;
  }
}

@include breakpoint-sm {
  .series-post {
    max-width: $layout-post-width;
    margin: 25px auto;
    border-radius: 5px;

    &-content {
      padding: 20px 25px;
    }
  }
}

@include breakpoint-md {
  .series-post {
    margin: 30px auto;

    &-content {
      padding: 25px 35px;
    }

    p {
      margin: 5px 0 0 0;
    }
  }
}
